﻿@using MVCMongo.Services
@model MVCMongo.ViewModel.UserProfileViewModel
@{
    ViewBag.Title = "UserProfileEdit";
    Layout = "~/Views/Shared/_LayoutProfile.cshtml";
}

<div class="container-fluid">
    <div class="span3">
        @if (!string.IsNullOrEmpty(Model.Users.ImageUrl))
        {
        <img src="~/Content/UserProfile/User/@Model.Users.ImageUrl" width="200px" />
        }
        else
        {
        <img src="~/Content/UserProfile/img/NoImage.jpg" width="200px" />


        }
    </div>
    <div class="span8">
        <h3>@Model.Users.FirstName @Model.Users.LastName</h3>
    </div>

    <div class="row-fluid">
        <div class="span12">
            <div class="box ">

                <div class="box-content ">
                    <ul class="tabs tabs-inline tabs-top">
                        <li class="active">
                            <a data-toggle="tab" href="#profile"><i class="icon-user"></i> About</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#notifications"><i class="icon-bullhorn"></i> Friends</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#security"><i class="icon-lock"></i> Photos</a>
                        </li>
                    </ul>
                    <div class="tab-content nopadding tab-content-inline tab-content-bottom">
                        <div id="profile" class="tab-pane active">
                            <div class="span12">
                                <div class="span6">

                                    @using (Html.BeginForm("UserProfileEdit", "Profile", FormMethod.Post, new { @class = "form-horizontal", enctype = "multipart/form-data" }))
                                    {

                                    @Html.HiddenFor(x => x.Users.UserName)

                                    @Html.HiddenFor(x => x.Users.Password)

                                    <h5>
                                        Basic Information
                                        <span style="padding-left: 12px">
                                            <input type="submit" value="save" class="btn btn-blue btn-mini " />
                                        </span>
                                    </h5>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">First Name</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.Users.FirstName, new { @class = "input-medium", @placeholder = "Text input" })
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="password" class="control-label">Last Name</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.Users.LastName, new { @class = "input-medium", @placeholder = "Text input" })
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="password" class="control-label">Gender</label>
                                        <div class="controls">
                                            @Html.RadioButtonFor(x => x.Users.Gender, "M") Male
                                            @Html.RadioButtonFor(x => x.Users.Gender, "F") Female
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="textfield" class="control-label">Birthday</label>

                                        <select name="dob_month" id="dob_month" class="input-small">
                                            <option value="0">Month</option>
                                            <option value="1">January</option>
                                            <option value="2">February</option>
                                            <option value="3">March</option>
                                            <option value="4">April</option>
                                            <option value="5">May</option>
                                            <option value="6">June</option>
                                            <option value="7">July</option>
                                            <option value="8">August</option>
                                            <option value="9">September</option>
                                            <option value="10">October</option>
                                            <option value="11">November</option>
                                            <option value="12">December</option>
                                        </select>
                                        <select name="dob_day" id="dob_day" class="input-small">
                                            <option value="0">Day</option>
                                            <option value="01">1</option>
                                            <option value="02">2</option>
                                            <option value="03">3</option>
                                            <option value="04">4</option>
                                            <option value="05">5</option>
                                            <option value="06">6</option>
                                            <option value="07">7</option>
                                            <option value="08">8</option>
                                            <option value="09">9</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                            <option value="25">25</option>
                                            <option value="26">26</option>
                                            <option value="27">27</option>
                                            <option value="28">28</option>
                                            <option value="29">29</option>
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                        </select>

                                        <select name="dob_year" id="dob_year" class="input-small">
                                            <option value="0">Year</option>
                                            <option value="2011">2011</option>
                                            <option value="2010">2010</option>
                                            <option value="2009">2009</option>
                                            <option value="2008">2008</option>
                                            <option value="2007">2007</option>
                                            <option value="2006">2006</option>
                                            <option value="2005">2005</option>
                                            <option value="2004">2004</option>
                                            <option value="2003">2003</option>
                                            <option value="2002">2002</option>
                                            <option value="2001">2001</option>
                                            <option value="2000">2000</option>
                                            <option value="1999">1999</option>
                                            <option value="1998">1998</option>
                                            <option value="1997">1997</option>
                                            <option value="1996">1996</option>
                                            <option value="1995">1995</option>
                                            <option value="1994">1994</option>
                                            <option value="1993">1993</option>
                                            <option value="1992">1992</option>
                                            <option value="1991">1991</option>
                                            <option value="1990">1990</option>
                                            <option value="1989">1989</option>
                                            <option value="1988">1988</option>
                                            <option value="1987">1987</option>
                                            <option value="1986">1986</option>
                                            <option value="1985">1985</option>
                                            <option value="1984">1984</option>
                                            <option value="1983">1983</option>
                                            <option value="1982">1982</option>
                                            <option value="1981">1981</option>
                                            <option value="1980">1980</option>
                                            <option value="1979">1979</option>
                                            <option value="1978">1978</option>
                                            <option value="1977">1977</option>
                                            <option value="1976">1976</option>
                                            <option value="1975">1975</option>
                                            <option value="1974">1974</option>
                                            <option value="1973">1973</option>
                                            <option value="1972">1972</option>
                                            <option value="1971">1971</option>
                                            <option value="1970">1970</option>
                                            <option value="1969">1969</option>
                                            <option value="1968">1968</option>
                                            <option value="1967">1967</option>
                                            <option value="1966">1966</option>
                                            <option value="1965">1965</option>
                                            <option value="1964">1964</option>
                                            <option value="1963">1963</option>
                                            <option value="1962">1962</option>
                                            <option value="1961">1961</option>
                                            <option value="1960">1960</option>
                                            <option value="1959">1959</option>
                                            <option value="1958">1958</option>
                                            <option value="1957">1957</option>
                                            <option value="1956">1956</option>
                                            <option value="1955">1955</option>
                                            <option value="1954">1954</option>
                                            <option value="1953">1953</option>
                                            <option value="1952">1952</option>
                                            <option value="1951">1951</option>
                                            <option value="1950">1950</option>
                                            <option value="1949">1949</option>
                                            <option value="1948">1948</option>
                                            <option value="1947">1947</option>
                                            <option value="1946">1946</option>
                                            <option value="1945">1945</option>
                                            <option value="1944">1944</option>
                                            <option value="1943">1943</option>
                                            <option value="1942">1942</option>
                                            <option value="1941">1941</option>
                                            <option value="1940">1940</option>
                                            <option value="1939">1939</option>
                                            <option value="1938">1938</option>
                                            <option value="1937">1937</option>
                                            <option value="1936">1936</option>
                                            <option value="1935">1935</option>
                                            <option value="1934">1934</option>
                                            <option value="1933">1933</option>
                                            <option value="1932">1932</option>
                                            <option value="1931">1931</option>
                                            <option value="1930">1930</option>
                                            <option value="1929">1929</option>
                                            <option value="1928">1928</option>
                                            <option value="1927">1927</option>
                                            <option value="1926">1926</option>
                                            <option value="1925">1925</option>
                                            <option value="1924">1924</option>
                                            <option value="1923">1923</option>
                                            <option value="1922">1922</option>
                                            <option value="1921">1921</option>
                                            <option value="1920">1920</option>
                                            <option value="1919">1919</option>
                                            <option value="1918">1918</option>
                                            <option value="1917">1917</option>
                                            <option value="1916">1916</option>
                                            <option value="1915">1915</option>
                                            <option value="1914">1914</option>
                                            <option value="1913">1913</option>
                                            <option value="1912">1912</option>
                                            <option value="1911">1911</option>
                                            <option value="1910">1910</option>
                                            <option value="1909">1909</option>
                                            <option value="1908">1908</option>
                                            <option value="1907">1907</option>
                                            <option value="1906">1906</option>
                                        </select>
                                    </div>
                                    <br />
                                    <div class="control-group">
                                        <label class="control-label">Image</label>
                                        <div class="controls">
                                            <input type="file" name="picture">
                                        </div>
                                    </div>

                                    <div class="control-group">
                                        <label for="textfield" class="control-label">User Name</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.Users.BhUsername, new { @class= "input-medium", @placeholder = "/UserName" })
                                            @Html.ValidationMessageFor(x=>x.Users.BhUsername)
                                        </div>
                                    </div>
                                    @*<div class="form-actions">
                                    <button type="submit" class="btn btn-primary">Save changes</button>
                                    <button type="button" class="btn">Cancel</button>
                                    </div>*@
                                    }

                                </div>

                                <div class="span6">
                                    @using (Html.BeginForm("UserProfileContact", "Profile", FormMethod.Post, new { @class = "form-horizontal", enctype = "multipart/form-data" }))
                                    {
                                    <h5>
                                        Contact Information <span style="padding-left: 12px">
                                            <input type="submit" value="save" class="btn btn-blue btn-mini " />
                                        </span>
                                    </h5>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">Country</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.UserDetails.Country, new { @class = "input-medium", @placeholder = "Text input" })
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">City</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.UserDetails.City, new { @class = "input-medium", @placeholder = "Text input" })
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">Mobile No:</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.UserDetails.MobileNo, new { @class = "input-medium", @placeholder = " No. with Zip Code" })
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">Region</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.UserDetails.Religion, new { @class = "input-medium", @placeholder = "" })
                                        </div>
                                    </div>
                                    }
                                </div>
                            </div>

                            <div class="span12">
                                <div class="span6">

                                    @using (Html.BeginForm("UserProfilePersonalDetail", "Profile", FormMethod.Post, new { @class = "form-horizontal" }))
                                    {



                                    <h5>
                                        Personal Details
                                        <span style="padding-left: 12px">
                                            <input type="submit" value="save" class="btn btn-blue btn-mini " />
                                        </span>
                                    </h5>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">Sexual Orientation</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.SexualOrientationId, Model.SexOrientationList, new { @class = "input-medium" })
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">Ethnicity</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.EthnicityId, Model.EthnicityList, new { @class = "input-medium" })

                                        </div>
                                    </div>  <div class="control-group">
                                        <label for="textfield" class="control-label">Height and Weight</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.HeightId, Model.HeightList, new { @class = "input-medium" })
                                            @Html.DropDownListFor(x => x.UserDetails.WeightId, Model.WeightList, new { @class = "input-medium" })
                                        </div>
                                    </div>  <div class="control-group">
                                        <label for="textfield" class="control-label">Body Type</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.BloodTypeId, Model.BloodTypeList, new { @class = "input-medium" })
                                        </div>
                                    </div>  <div class="control-group">
                                        <label for="textfield" class="control-label">Eye Color</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.EyeColorId, Model.EyeColorList, new { @class = "input-medium" })
                                        </div>
                                    </div>  <div class="control-group">
                                        <label for="textfield" class="control-label">Language</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.UserDetails.Language, new { @class = "input-medium", @placeholder = "Text input" })
                                        </div>
                                    </div>  <div class="control-group">
                                        <label for="textfield" class="control-label">Currently Living With</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.LivingId, Model.LivingList, new { @class = "input-medium" })

                                        </div>
                                    </div>  <div class="control-group">
                                        <label for="textfield" class="control-label">Religion</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.ReligionId, Model.RegilionList, new { @class = "input-medium" })
                                        </div>
                                    </div>  <div class="control-group">
                                        <label for="textfield" class="control-label">Smoking Habits</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.SmokingHabitId, Model.HabitList, new { @class = "input-medium" })
                                        </div>
                                    </div>  <div class="control-group">
                                        <label for="textfield" class="control-label">Drinking Habits</label>
                                        <div class="controls">
                                            @Html.DropDownListFor(x => x.UserDetails.SmokingHabitId, Model.HabitList, new { @class = "input-medium" })
                                        </div>
                                    </div>

                                    <div class="control-group">
                                        <label for="textfield" class="control-label">Social Settings</label>
                                        <div class="controls">
                                            @foreach (var item in Model.SocialSettingList)
                                            {
                                            var checkS = "";

                                            if (item.IsCheck)
                                            {
                                            checkS = "checked";
                                            }



                                            <label class="checkbox">

                                                <input @checkS type="checkbox" name="socialSetting" value="@item.SocialId"> @item.Title
                                            </label>
                                            }


                                        </div>
                                    </div>

                                    <div class="control-group">
                                        <label for="textfield" class="control-label">TV Habits</label>
                                        <div class="controls">
                                            @foreach (var item in Model.TvHabitList)
                                            {
                                            var checkT = "";

                                            if (item.IsCheck)
                                            {
                                            checkT = "checked";
                                            }

                                            <label class="checkbox">

                                                <input @checkT type="checkbox" name="Tvhabit" value="@item.TvHabitId"> @item.Title
                                            </label>
                                            }


                                        </div>
                                    </div>



                                    }


                                </div>
                                <div class="span6">

                                    @using (Html.BeginForm("UserProfilePersonalDetail", "Profile", FormMethod.Post, new { @class = "form-horizontal" }))
                                    {



                                    <h5>
                                        Others
                                        <span style="padding-left: 12px">
                                            <input type="submit" value="save" class="btn btn-blue btn-mini " />
                                        </span>
                                    </h5>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">Clubs and Organisation</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.UserDetails.ClubsAndOrg, new { @class = "input-medium", @placeholder = "Text input" })
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="textfield" class="control-label">Places I have Traveled To</label>
                                        <div class="controls">
                                            @Html.TextBoxFor(x => x.UserDetails.PlacesAndTrav, new { @class = "input-medium", @placeholder = "Text input" })
                                        </div>
                                    </div>
                                    }

                                    <h6> <a href="javascript:void(0)" id="addAcademyInfo">Add a New School Below</a></h6>
                                    <ul>



                                        @foreach (var item in Model.UserAcademyInfos)
                                        {
                                        <li>
                                            <b>@item.ScName</b><span style="float: right">
                                                                   <a href="javascript:void(0)" data-id="@item.UserAcademyInfoId" class="edit-Academy">Edit</a>


                                            </span>
                                        </li>
                                        }
                                    </ul>
                                    <script src="@Url.Content("~/Scripts/jQuery.tmpl.min.js")" type="text/javascript"></script>

                                    <script type="text/x-jquery-tmpl" id="AddAcademyInfoTemplate">
                                        @Html.CollectionItemJQueryTemplate("_partialAcademyInfo", new DataMongo.Entities.UserAcademyInfo()
                                        {
                                        CityList = Model.CityList,
                                        CountryList = Model.CountryList,
                                        DegreeList = Model.DegreeList,
                                        StateList = Model.StateList,
                                        YearList = Model.YearList

                                        })
                                    </script>




                                    <div id="Academy-info">

                                    </div>



                                    <h6> <a href="javascript:void(0)" id="addCompanyInfo">Add a Company  Below</a></h6><ul>
                                        @foreach (var item in Model.UserCompanyInfos)
                                        {





                                        <li>
                                            <b>@item.CompanyName</b>  <span style="float: right">
                                                                          <a href="javascript:void(0)" data-id="@item.UserCompanyInfoId" class="edit-Company">Edit</a>
                                            </span>
                                        </li>
                                        }
                                    </ul>

                                    <script type="text/x-jquery-tmpl" id="AddCompanyInfoTemplate">
                                        @Html.CollectionItemJQueryTemplate("_partialCompanyInfo", new DataMongo.Entities.UserCompanyInfo()
                                        {
                                        YearList = Model.YearList
                                        })
                                    </script>


                                    <div id="Company-info">

                                    </div>

                                    <h6> <a href="javascript:void(0)" id="addskillInfo">Add a Skill</a></h6>
                                    <ul>
                                        @foreach (var item in Model.UserSkills)
                                        {
                                        <li>
                                            <b>@item.Title</b>  <span style="float: right">
                                                                    <a href="javascript:void(0)" data-id="@item.UserSkillId" class="edit-Skill">Edit</a>
                                            </span>
                                        </li>
                                        }
                                    </ul>
                                    <script type="text/x-jquery-tmpl" id="AddSkillInfoTemplate">
                                        @Html.CollectionItemJQueryTemplate("_partialSkillInfo", new DataMongo.Entities.UserSkill())

                                    </script>


                                    <div id="Skill-info">

                                    </div>
                                    
                                    
                                    <h6> <a href="javascript:void(0)" id="addPortfolioInfo">Add a Portfolio</a></h6>
                                    <ul>
                                        @foreach (var item in Model.UserPortfolios)
                                        {
                                            <li>
                                                <b><img src="~/Content/UserProfile/UserPortfolio/@item.ImageURl" width="30px"/>
                                                    
                                                @item.Title</b>  <span style="float: right">
                                                                        <a href="javascript:void(0)" data-id="@item.UserPortfolioId" class="edit-Portfolio">Edit</a>
                                                </span>
                                            </li>
                                        }
                                    </ul>
                                    <script type="text/x-jquery-tmpl" id="AddPortfolioInfoTemplate">
                                        @Html.CollectionItemJQueryTemplate("_partialPortfolioInfo", new DataMongo.Entities.UserPortfolio())

                                    </script>


                                    <div id="Portfolio-info">

                                    </div>



                                </div>
                            </div>
                            <div class="span12">
                                <div class="span6">
                                    @using (Html.BeginForm("UserProfileAboutUs", "Profile", FormMethod.Post, new { @class = "form-vertical", enctype = "multipart/form-data" }))
                                    {
                                    <h5>
                                        About You <span style="padding-left: 12px">
                                            <input type="submit" value="save" class="btn btn-blue btn-mini " />
                                        </span>
                                    </h5>
                                    <div class="control-group controls-row">

                                        <div class="controls">
                                            @Html.TextAreaFor(x => x.UserDetails.AboutYout, new { @class = "input-block-level", @placeholder = "" })
                                        </div>
                                    </div>
                                    }
                                </div>

                                <div class="span6">
                                    @using (Html.BeginForm("UserProfileFav", "Profile", FormMethod.Post, new { @class = "form-vertical", enctype = "multipart/form-data" }))
                                    {
                                    <h5>
                                        Favorite Quotations <span style="padding-left: 12px">
                                            <input type="submit" value="save" class="btn btn-blue btn-mini " />
                                        </span>
                                    </h5>
                                    <div class="control-group controls-row">

                                        <div class="controls">
                                            @Html.TextAreaFor(x => x.UserDetails.FavQuotation, new { @class = "input-block-level", @placeholder = "" })
                                        </div>
                                    </div>
                                    }
                                </div>
                            </div>

                        </div>

                        <div id="notifications" class="tab-pane">

                            <div class="box box-bordered ">
                                <div class="box-title">
                                    <h3 style="width: 100%">
                                        <i class="icon-user"></i>
                                        Friends
                                        <span class="pull-right">
                                            Friend Requests <span class="">(@UtilityService.FindingFriend(WebSecurity.CurrentUserId))</span>
                                        </span>
                                    </h3>
                                    <br />
                                    <ul class="icon-nav" style="list-style: none">
                                        <li>
                                            All Friends (@Model.UserFriendList.Count())
                                        </li>

                                    </ul>

                                </div>

                            </div>

                            @foreach (var item in Model.UserFriendList)
                            {
                            <div class="span3">
                                <div class="box ">

                                    <div class="box-content">
                                        <table class="table table-user table-nohead">
                                            <tbody>
                                                <tr>

                                                    <td class="">

                                                        <img alt="" src="/content/UserProfile/User/@item.ImageUrl" width="120px" height="120px">


                                                    </td>
                                                    <td class="user">

                                                        <a href="@Url.Action("UserFriendProfile", new {friendId=item.UserId})">   @item.FullName</a>
                                                    </td>

                                                </tr>


                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            }



                        </div>
                        <div id="security" class="tab-pane">
                            @Html.Partial("~/Views/Album/Album.cshtml", Model.Albums)

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<script>
    $(document).ready(function () {
        $("select[name='dob_month']").find("option[value=@ViewBag.Month]").attr("selected", true);
        $("select[name='dob_day']").find("option[value=@ViewBag.day]").attr("selected", true);
        $("select[name='dob_year']").find("option[value=@ViewBag.Year]").attr("selected", true);
    });


    $('#addAcademyInfo').live('click', function () {
        var count = parseInt($("#Academy-info").children().length);
        if (count == 0) {
            var guid = _generateGuid();
            var test = $("#AddAcademyInfoTemplate").tmpl({ index: guid });
            $('#Academy-info').html(test);
            $('#ScCountryId').focus();
        } else {
            $("#Academy-info").html("");
        }



    });

    $('#addCompanyInfo').live('click', function () {
        var count = parseInt($("#Company-info").children().length);
        if (count == 0) {
            var guid = _generateGuid();
            var test = $("#AddCompanyInfoTemplate").tmpl({ index: guid });
            $('#Company-info').html(test);
            $('#CompanyName').focus();
        } else {
            $("#Company-info").html("");
        }



    });



    $('#addskillInfo').live('click', function () {
        var count = parseInt($("#Skill-info").children().length);
        if (count == 0) {
            var guid = _generateGuid();
            var test = $("#AddSkillInfoTemplate").tmpl({ index: guid });
            $('#Skill-info').html(test);

        } else {
            $("#Skill-info").html("");
        }
    });
    $('#addPortfolioInfo').live('click', function () {
        var count = parseInt($("#Portfolio-info").children().length);
        if (count == 0) {
            var guid = _generateGuid();
            var test = $("#AddPortfolioInfoTemplate").tmpl({ index: guid });
            $('#Portfolio-info').html(test);

        } else {
            $("#Portfolio-info").html("");
        }
    });

    function _generateGuid() {
        // Source: http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/105074#105074
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
    }

    $(".edit-Company").live("click", function () {

        var id = $(this).attr("data-id");
        var url = '@Url.Action("UserCompanyEdit")?id=' + id;
        $.getJSON(url, function (data) {

            $('#Company-info').html(data);
            $('#CompanyName').focus();
        });


    });

    $(".edit-Academy").live("click", function () {

        var id = $(this).attr("data-id");
        var url = '@Url.Action("UserAcademyEdit")?id=' + id;
        $.getJSON(url, function (data) {

            $('#Academy-info').html(data);
            $('#ScCountryId').focus();

        });


    });

    $(".edit-Skill").live("click", function () {

        var id = $(this).attr("data-id");
        var url = '@Url.Action("UserSkillEdit")?id=' + id;
        $.getJSON(url, function (data) {

            $('#Skill-info').html(data);


        });


    });+

   $(".edit-Portfolio").live("click", function () {

       var id = $(this).attr("data-id");
       var url = '@Url.Action("UserPortfolioEdit")?id=' + id;
       $.getJSON(url, function (data) {

           $('#Portfolio-info').html(data);


       });


   });

    $("#Users_BhUsername").live("blur, keyup", function () {
        var element = $(this);
        var url = '@Url.Action("CheckBhUserName")?BhUsername=' + $(this).val();
        $.getJSON(url, function (data) {
            if (data == "true") {
                element.parent().find(".field-validation-valid").text("Already Exists!!!");
                element.parent().find(".field-validation-valid").addClass("error help-block");

                element.parent().parent().addClass("error");
            } else {
                element.parent().find(".field-validation-valid").text("");
                element.parent().find(".field-validation-valid").removeClass("error help-block");

                element.parent().parent().removeClass("error");
            }



        });
    });
</script>